const path = require('path')
module.exports = {
    entry:'./src/main.js',
    output:{
        filename:'bundle.js',
        path:path.join(__dirname,'dist'),
        publicPath:'dist/',//告诉webpack我们模块资源文件的打包位置,默认值为空字符串'',添加实际路径的结尾必须加'/'
    },
    mode:'none',
    module:{//资源模块配置
       rules:[//资源模块加载规则
            {
                test:/.css$/,//test属性用于匹配资源的正则表达式
                use:[
                    'style-loader',//把js中的css模块写入到HTML中
                    'css-loader',//提取css模块打包到js文件中
                ],//use用于匹配资源使用的loader
            },
            {
                test:/.png$/,
                // use:'file-loader'
                use:{
                    loader:'url-loader',
                    options:{
                        limit:10*1024 //kb
                    }
                }
            }
       ]
    }
}